<template>
  <div>
    <!--excel原始留数据-->
    <table-view
        :cell-style="cellStyle"
        :data="tableData"
        border
        header-cell-class-name="table-header"
        @row-click="rowClick"
    >
      <el-table-column align="center" fixed="left" label="序号" type="index" width="50"/>
      <el-table-column :min-width="100" align="center" label="营销/配送日期" prop="processDefinitionName"/>
      <el-table-column :min-width="120" header-align="center" label="终端简称" prop="processDefinitionName"/>
      <el-table-column :min-width="120" header-align="center" label="产品别名" prop="processDefinitionName"/>
      <el-table-column :min-width="100" align="center" label="批号" prop="processDefinitionName"/>
      <el-table-column :min-width="100" align="center" label="营销数量" prop="processDefinitionName"/>
      <el-table-column :min-width="100" align="center" label="计价单位" prop="processDefinitionName"/>
      <el-table-column :min-width="120" header-align="center" label="产品名称" prop="processDefinitionName"/>
      <el-table-column :min-width="120" align="center" label="批准文号" prop="processDefinitionName"/>
      <el-table-column :min-width="100" align="center" label="包装规格" prop="processDefinitionName"/>
      <el-table-column :min-width="120" header-align="center" label="匹配终端名称" prop="processDefinitionName"/>
      <el-table-column :min-width="100" align="center" label="终端类型" prop="processDefinitionName"/>
      <el-table-column :min-width="120" header-align="center" label="上游客户名称" prop="processDefinitionName"/>
    </table-view>
  </div>
</template>

<script>
import {getCurrentInstance, reactive, toRefs} from 'vue'
import {useRoute, useRouter} from 'vue-router'

export default {
  name: 'ExcelOriginal',
  setup() {
    const router = useRouter()
    const route = useRoute()
    var data = reactive({
      tableData: []
    })
    const currentInstance = getCurrentInstance()

    return {
      ...toRefs(data)
    }
  }

}

</script>

<style scoped>
/* @import url(); 引入css类 */
</style>
